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ثمانية مبادیاساسية للتصميم 


قناة أساسيات التصميم 
Telegram: BasicDes‏ 


o > مباد‎ 


بسم الله الرحمن الرحيم 


قناة أساسيات التصميم لجميع و نصميم 
Telegram: AlanoudB Telegram: BasicDes‏ 


o >a مبادى‎ 


الفهرس 
۲ المبدا الأول : التباین ۳ 
! المبداً الثاني : الهرمية 0 
| المبدا الثالث : المحاذاة ۷ 
"المبداً الرابع : النوازن 9 
"المبدا الخامس : التقارب || 
ا المبدا السادس : التكرار ۳( 
| المبداً السابع : البساطة lo‏ 
ا المبدا النامن : التوظيف ۷ 


" ۳ 


o > مبادى‎ 


"هو علاقة بين عناصر التصميم لصيف معنى عن طريق ابراز اختلاق بين 
عنصرين أو أكثر 
اللستخدم اللناین 

- شد انتباه المتلقي لأحد العناصر دون الآخر. من أجل لفت النظر 

- التنبيه لأمر مهم 

- وصف العنصر لنفسه 

-اضافة ديناميكة للنصميم 
التباين يكون في اخنلایف: 

اتج 660 -الشكل © © © 


اللون © © 





- المحاذاة ° ی 6 
- الخطوط 6 م ع 





.. إيتم شد الانتباه لأحد العناصر عن طريق العناصر الأخرى 
09 :©: المرتبطة به لذلك هو علاقة بين العناصر 

9 ؟* الدائرتان في المنتصف لهما نفس الحجم تمام؛ ولکن 

بسبب اختلاف أحجام الدواتر المحيطة بهما نرى أن الداترة 

التي في اليمين آصغر من الیسار رغم أحجامهم المتساوية 


و وسيلة لوصف العنصر لنفمسه. ودلكت عن طريق العناصر 
المجاورة له لذلك يكون التباين بين عنصرين على الأقل 
الدائرة التى على اليمين هی محرد دائرة أما الدائرة التى على 
البسار قادرة على وصف نفسها كدائرة كبيرة وذلك لوحود 
دائرة أصغر بجوارها 








لاس ل؟آ؟آ؟آ ا 


مبادو: التصمح) 


۲مئال| 
4 


کک 
لباين 


- نلاحظ أن في الشكل الأيمن لون الخلفية و لون الكلمة متقارب جدا مما يسبب 
تشوش لدى المتلقي و عدم وضوح 
بحلاف اللموذج الايسر فبين اللون الابیص و الاسود نباین قوي و واضح 


"منال ۲ 
ل نو اه هرد رب انیا تک 


۱ ۰ ل 
سم ور وروي و سب ۱ 


- على اليمين نجد أنه تم استخدام لون و نوع وحجم خط واحد في کل الجمل وذلك 
يسبب عدم وضوح لدى المتلقي بخلاق النموذج الايسر يوجد اختلاف في نوع ولون 
وحجم الخط وذلك يسبب تباين و بالتالي وضوح و لفت النظر للأشياء المهمة في 


النتصميم) 
۲منال ۳ 
x٨‏ سما 


- على اليمين نجد أنه تم استخدام نوع وحجم خط واحد في كافة العناوين و 
المحتوى وذلك بسبب عدم وصوح في الفقرات 
بخلاف النموذج في الأسفل فبسبب اختلاف حجم و خط و محاذاة العنوان الرئيسي 
و العناوین الفرعية سيسهل على المتلقي نوجيه العين للمكان الصحيح 


سس بس ء 





الأكثر أهمية إلى الأقل عن طريق التباين 


. مساعدة المتلقي على اصطياد المعلومات بسهولة 
-تحديد اين ترى العين أولا ثم ثانية وهكذا: أى خطوات للمتلقي يتبعها اثناء 
اللنصمدم 


االهرمية تنفذ عن طريق: 
-الححم -الشكل التباين -اللون -العمق -المحاذاة -المسافة 


اللحرك العين من العناصر 
الأكثر تقلا إلى الرماديات “الكبيزرة إلى الصغيرة “المتحركة إلى الساكنة 
- الملونة إلى الغير ملونة -“الغير معتادة إلى المألوفة 


۲نلاحظ أن العناصر ذات التباين الأعلى تلاحظ آولا ولذلك 
العين توجهت في الشكل الأيمن إلى الدائرة الكبرى في 
المنتصف اولا وهذا مثال على الهرمية فى الححم أما فى 
الشكل الأيسر توحهت العين الى الدائرة الأصغر أولا ٠‏ 
وذلك لأن لونها أغمق وهذا مثال على الهرمية في اللون 


"العین توجهت فى الشكل الأيمن من الأ على أولا إلى 
الأسفلء من الأكبر إلى الأصغر وهذا مثال على الهرمية 
في الحجم أما في الشكل الأيسر توجهت العين من 
الأسفل أولا إلى الأعلى. من الأغمق إلى الأفتح وهذا مثال 
على الهرمية في اللون 


o 22 





o >a مبادى‎ 


امتالا 


4 ا 
ثم تقرأ هذاثانيا 
ثم تقرأ هذا انیا و 


نت تقرأ هذا أولا أنت تقرأ هذا أولا 


- على اليمين نجد أن العين تتجه مباشرة إلى العبارة الأولى ثم الثانية. بخلاف رغبة 
المصمم 
بخلاف النموذج الأيسر فالعين تتجه مباشرة نحو العبارة الأكبر أولا تم الأصغر 


:مثال) 


سر ۳ 


وفر أموانك لن ۱ 
ن وفر أموالك 2 . 


تو جك کے ک۹ وا کے أل ہے ایج ساو ] ۳ ا کک و واو کی "مها يط "و Tm‏ ون اس الس e e‏ | 
ور سا ن میچ ملا ہے ومسي تست د دت چت مھ ا کی و و !او ا ا 
لاعس ] لایس اهيا وف . ند عباتم مجح سر أن مسيم 0۳ 0 
500 


- على اليمين نجد أنه لم يتم لفت انتباه المتلقي لأى عنصر معين و بذلك قد لا 
ينتبه للخصم فلا يكمل قراءة الاعلان 
بخلاف النموذج في الأسفل فبسبب اختلاف حجم وخط المحاذا سيجعل المتلقي 
ينظر أولا إلى نسبة الخصم ثم يكمل باقي الاعلان و هذا هو المطلوب 





"هي طريقة اصطفاف العناصر في النصميم مما یحفق ننظیم و نوازن 


اللستخدم المحاداه 


O O‏ لكر 
- خلق ارنباط بين عناصر التصمیم 
اضافة وحدة وتوازن للتصميم 


أنواع المحاذاة: 





يتم تنفيذ المحاذاة عن طريق خط وهمي - غير مرني 
تستند عليه عناصر التصم 
نلاحظ أن العناصر فى الشكل الأيمن كانت منتظمة 
وذات تنسيق موحد ممايضيف توازن للتصميم أما 
في الشكل الأيسر لم يتم تنفيذ مبدأ المحاذاة مما 
يودي إلى خلل في التوازن 


يتم تنفيذ المحاذاة أيضا عن طريق شبكة غير 
مرئية لضمان استناد العناصر على خطوط الشبكة 
فى الأعمال المعقدة من أجل التنظيم و أيضاً توحيد 
المسافات بينها 





۷ 








o >a مبادى‎ 


۲مئال| 


4 





محمد الأحمد 


القدير الننشیدگ الصدیر التنفيذيق 


۱۳۱۵۳۲۵۵ ۱۱۱۵۳۳ الج‎ eri 
TAY | a TAAVVVYY 
اللو يلخي - ال مد ية | الرياض- السود بة‎ 


- على اليمين لم يتم تنفيذ مبدا المحاذاة مما يؤدى إلى تقليل قيمة التصميم و 
خلل في النوازن و التنظيم اما في النموذج الأيسر بتطبيق المحاذاة زادت قيمة 
التصمیم لتحقيق التوازن و التنظيم وظهر بشکل احترافي أكثر 


"منال ۲ 


2 ما 





کم ایا ار لو ج انس ۳ لزع منت او 


لت ۳ 





لور بخ اينوم 





تا © 
حت 


تک نكر أ لسع و ۳ 


- نلاحظ أن التصمیم الأيمن غير مریح للعين و غير منظم 
بخلاف التصميم الایسر فبسبب تساوى المسافات بين العناصر 
بتطبيق مبدأ المحاذاة ظهر التصميم بشكل منظم واحترافي و مريح للعين 


۸ 








o > مبادى‎ 


55 


"هو وضع أو ترتيب العناصر في شكل معين لتحقيق منظر و شعور معين 


:يستخدم اللوازن 
-لإضاقة ديناميكية في النتنصميم 
> و زيزالاحساس بالاستقرار و النوازن 
- 9 ذلك لان نوازن الکئل يولد السعور بالراحة 


"آنواع التوازن: 
- متناظر © : © 
غير متناظر ©! © 


! يعتمد الاتزان على وجود محور مركزى تنزن حوله كل عناصر التصميم 











0 








مادو التصمیح) 





۱ ۸ 


- نلاحظ أن التصمیم في الأ على غير متوازن لأن تم توزيع العناصر بطريقة غير 
صحيحة حيث أن الجهة اليمنى تحتوى على عنصر ذو وزن ثقيل [القارورة الكبيرة] 
و الكتابة آیضا و الجهة اليسرى تحتوى على عنصر خفيف 


بخلاف التصميم في الأسفل تم توزيع العناصر بطريقة أكثر توازنا حيث تم وضع 
العنصران الأقل وزنا بنفس الجهة و العنصر الأثقل بحهة أخرى 





لوريم ايبسوم دولار 

ر سيت أميت کونسي 
كتيتور أدايبا يسكينج 
آلبایت.سبت دو أيوس 
مود نيمبورنكايديدي 





لوريم ايبسوم دولار 
رسيت أميت ,کونسی 
كتيتور أدايبا یسکینج 
أليايت.سيت دو أيوس 
مود نیمبورنکایدیدی 











o > مبادى‎ 


التقارد 


اهو تجميع العناصر في التصميم حيث أن العناصر المرتبطة تكون قريبة 
من بعضها و العناصر الغيزرمرنبطهة تكون متباعدة عن بعضها 


ا العناصر المرتبطة ببعضها في التصميم يجب أن تكون قريبة من بعض 
حتی تظهر للملتلقي کمجموعة واحدة ۱ 
بخلاف العناصر الغير مرتبطة يجب ان يكون بینها مسافة لان المتلقي 
سوف یفترض أن العناصر الغیر قريبة من بعضها لا تربطها علاقات قوية 
وذلك لغرض ايصال رسالة معينة أو خلق منظر معین 


:يستخدم النقارب 


"خلو ارنباط -علاقات- بين ااعناصر في اللصمیه) 
- كلق مسافات بين العناصر في التصمیه) 


© © © © © © الان جميع العناصر -الدواتر- قريبة من بعضها 
© © © © © یظهر لنا آن حميع العناصر عبارة عن مجموعة 
© © © © © © واحدة مترابطة 

© © © © © © 








© © © © © © إبخلاف هنا يوجد مسافة بين المجموعة الأولى و 

© © © © © © الثانية فيظهر لنا أن العناصر المرتبطة ببعضها 

468 899 تكون في مجموعة واحدة و يفصل مسافة بينها و 
بين عناصر المجموعات الأخرى 





o >a مبادى‎ 


۲مئال| 


e و‎ 2 
e 








9 





9 


- نلاحظ أن الشكل الأيمن ليس له معنى 
بخلاف الشكل الأيسر فعند تقارب العناصر أصبح لها معنى و توصل رسالة معينة 
وايضا التقارب یوتر على التوازن و الهرمية 


امتال ۲ 


4 محمد الأحمد 1 الآ 
المدير التنفيذي المدير التنفيذي 


۲۲۱۵۱۱۵۵۱0 


mohagmail.com 
.o.AVPQVE | .o.AVPQAVE 1 


الرياض-السعودية 
الرياض-السعودية 


- نلاحظ أن التصميم الأيمن لا يوضخ الترابط بين العناصر المترابطة 
بخلاف التصميم الأيسر فیوضح الترابط بين الاسم و المسمی الوظيفي في 
المجموعة الأولى 6 
ثم الترابط بين المعلومات الشخصية في المجموعة الثانية 
و وجود مساقة بين المجموعتين 





o > مبادى‎ 


لتك 
ا هو إعادة استخدام العناصر المستخدمة في التصميم أو عناصر مشابهة 
تهافی نفس التصم 


اللستخدم اللکر ار 


تولید الشعور بالوحدة أو الترابط 
- خلق النناسق 


" التکرار يزيد من قوة ترسیخ التصمیم في ذهن المتلقي و یکون طابع و 
شعور عام عن التصمیم مما يزيد من نسبة تذکره و أيضا يزيد من 
تناسق التصمیم لأنه یخلق نموذج موحد بالتالي یجعل النصميم آاسهل 
للقراءة فعندما یعرف المتلقي مایمکن توقعه يستطيع الاسترخاء و 
الترخیز على المحنوی 





ا أقوى استخدام لمبدا التکرار يكون في الهوية البصرية نلاحظ في الصور 
اعلاه أنه تم تکرار العناصر بشکل كبير (الألوان - الخطوط - الشعار - 
التنسيق العام) مما یکون منظر و طابع عام للهوية و یمکن تطبیق 
النکرار على عيرها من العناصر 








مادو التصمیح) 


لوريم ایبسوم دولار 
رسيت اميت .کونسي 
كتيتور أدايبا يسكينج 
اليايت.سيت دو ايوس لوريم ايبسوم دولار 
مود نیمبورنکایدیدی ر سیت اميت ,كونسي 
لوريم ايببسوم دولار لوريم ايبسوم دولار کنینور اب بلس 
رسيت اميت ,کوننسي E‏ البایت.سیت دو ايوس 
کتیتور آدایبا یسکینج لبیت‌سیت دو مود تيمبورنكايديدي 
اليايت.سيت دو ايوس ا 


لوريم ايبسوم دولار 


مود تیمبورنکایدیدی رسيت آمیت ,كونسي 


© 
كتيتور أدايبا يسكينج 
أليايت.سيت دو أيوس 9 
مود تيمبورنكايديدي 
لوريم ايبسوم دولار 


رسيت أميت ,كونسي 
كتيتور أدايبا يسكينج 
أليايت.سيت دو أيوس 
مود تيمبور نكايديدي 


- نلاحظ أن النموذج العلوى غير متناسق و صعب القراءة 
بخلاف النموذج في الأسفل فعند تكرار الخط و الحجم و الألوان و الصور 
و التنسيق العام أصبح واضح و مريح و يسهل على المتلقي التركيز و القراءة 


5 


لوريم ايبسوم دولار لوريم ايبسوم دولار لوريم ايبسوم دولار 
رسيت امیت ,کونسی رسيت امیت ,کونسی ر سیت اميت ,کونسی 








كتيتور أدايبا یسکینج 
أليايت.سيت دو أيوس 
مود تيمبور نكايديدي 
لوريم ايبسوم دولار 
رسيت اميت ,كونسي 
کتیتور آدایبا یسکینج 
آلبایت.سیت دو آیوس 
مود تيمبور نكايديدي 
لوريم ايبسوم دولار 
رسيت اميت ,كونسي 
کتیتور آدایبا یسکینج 
أليايت.سيت دو آیوس 
مود تيمبور نكايديدي 


كتيتور أدايبا يسكينج 
أليايت.سيت دو أيوس 
مود تيمبورنكايديدي 
لوريم ايبسوم دولار 
رسيت اميت ,كونسي 
كتيتور أدايبا یسکینج 
أليايت.سيت دو أيوس 
مود تيمبور نكايديدي 
لوريم ايبسوم دولار 
رسيت اميت ,كونسي 
كتيتور أدايبا یسکینج 
أليايت.سيت دو أيوس 
مود تيمبور نكايديدي 


كتيتور أدايبا يسكينج 
أليايت.سيت دو أيوس 
مود تيمبورنكايديدي 
لوريم ايبسوم دولار 
ر سیت اميت ,كونسي 
كتيتور أدايبا يسكينج 
أليايت.سيت دو أيوس 
مود تيمبور نكايديدي 
لوريم ايبسوم دولار 
ر سیت اميت ,كونسي 
كتيتور أدايبا يسكينج 
آلیایت.سبت دو أيوس 
مود تيمبورنكايديدي 





ع 


o >a مبادى‎ 


EET 


اهي تجريد التصميم لعناصره الأساسية دون الاخلال في معنى و رسالة 
اللنصمدم 


إيجب تجنب الكتل الزائدة من عناصر التصميم و المعلومات التي لا حاجة 
لهاو عدم تطبيق أكثر من فكرة في نفس التصميم لكي نتجنب 
التنافس بين العناصر و نحقق انسحام بين العناصر 


اتستخدم البساطة 


- ایصال رسالة التصمیم بسرعة و بشکل أقوى 
- خلق انطباع دائم 

- جعل اللصميم سهل الفهم 

- اضافة أناقة و احترافية للتصميم 


¢ Domino's 








۲ أبرز استخدام لمبداً النساطة يكون فى الشعارات لأنه يحب أن يكون 


لفت للنظر و واضح و يخلق انطباع دائم نلاحظ في الصور أعلاه أن العديد 
من الشركات قامت بتبسيط شعارانها 








o >a مبادى‎ 


امال 













4 محمد الاحمد 
المدير اللنفیدی 
سعودی الجنسية 
mohagmail.com‏ © 
| ۷۳ © 
الریاض-السعودیت و 
موالید ۱۸۹۰ © 





- نلاحظ أن النموذج العلوى مزدحم و يحتوى على العدید من العناصر الغیر مهمة 
بخلاف النموذج في الأسفل فعند ازالة العناصر التي لا حاجة لها و المعلومات 
یصبح التصميم واضح و مریح و الیق و يسهل ایصال الرسالة 


ما محمد الأحمد 


المدير التنفيذی 


0 1 كب حامما 
.o.AVPQVE |‏ 
الرياص-السعودية 





o > مبادى‎ 


تج« 


:هو النظر في الهدف الأساسي للتصمیم و كيف تم تنفیذ التصمیم لتحقیق 
الهدف المطلوب 


ا يجب معرفة الجمهور و الهدف الأساسي من التصمیم و ماهو الشعور 
عند روية التصمیم و ردة الفعل المطلوبة من الجمهور, و لتطبيق 
النوطيف يجب ان بحفق اللصمیم رده المعل المطلوبه لاحفیق الهدی 
الاساسی 


۲ اسال نفسك دائَما لماذا؟ 
لماذا استعمل هذا اللون؟ 
لماذا استعمل هذا الخط ؟ 
لماذا ارتب العناصر بهذه الطريقة؟ 
أو أنه یضلل و يشتت الذهن عن الهدف الا ساسی؟ 


يجب توظیف العناصر بشکل صحیح لتحقیق الهدف الأساسي وترك 
الانطباع المطلوب 


۱ ۳ ۸ 


o را‎ 


- في حال افتراضنا أن العميل يريد قائمة طعام لمطعم فاخر 
النموذجان يمثلان تصميم صحیح ولکن التصميم الذى يحقق الهدف المطلوب 
و بعکس انطباع أنه فاخر هو اللصمیم الذى بالاسفل 
لأنه وظف عناصر التصمیم بشکل صحیح سواء اللون أو الخط و غیره 


الم فیلان 


حمصا 


» الوحبات الرئيسية 


کباب لحم 


شیش طاآ 1999 
لازائيا 








